<template>
  <div id="app">
    <h1>构造对象方式封装请求</h1>
    <p>
      <a href="javascript:;" @click="myClick"  rel="noopener">点我发送请求</a>.
    </p>
    <p>
      1, 当前方法如果使用ts文件. <br>
      2, 需要配置ts的loader  <br>
      安装: 1> npm install ts-loader --save-dev <br>
            2> npm install typescript --save-dev <br>
            2> npm install vue-property-decorator --save-dev <br>
      3, 当前项目中的  jest.config.js  /  tsconfig.json  / vue.config.js 三个文件 <br>
      4, 安装上面文件进行配置,否则无法正常使用<br>
      5, jest.config.js 文件可不要
    </p>
  </div>
</template>

<script>
export default {
  methods: {
    myClick() {
      let data = {}
      this.$post.getDataList.getMyData(data)
    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

#nav {
  padding: 30px;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

#nav a.router-link-exact-active {
  color: #42b983;
}
</style>
